<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>就业信息系统</title>
    <link rel="stylesheet" type="text/css" href="/static/admin/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/admin/css/main.css">
    <script type="text/javascript" src="/static/admin/js/jquery-1.12.4.min.js"></script>
</head>
<body>
<div class="header">
    {#    <a href="#" class="logo fl"><img src="/static/admin/images/logo.png" alt="logo"></a>#}
    <a href="#" id="logout" class="logout fr">退 出</a>
</div>

<div class="side_bar">
    <div class="user_info">
        <img src="/static/admin/images/person.png" alt="张大山">
        <p>欢迎你 <em>{{ user.username }}</em></p>
    </div>

    <div class="menu_con">
        <div class="first_menu active"><a href="/showindex" class="icon04" target="main_frame">就业信息</a></div>
        <div class="first_menu active"><a href="/collection" class="icon04" target="main_frame">收藏</a></div>
        <div class="first_menu"><a href="/user_list" class="icon01" target="main_frame">用户管理</a></div>
        {#			<ul class="sub_menu show">#}
        {#				<li><a class="icon022" href="user_count.html" target="main_frame">用户统计</a></li>#}
        {#				<li class="current"><a href="user_list.html" class="icon021" target="main_frame">用户列表</a></li>#}
        {#			</ul>#}
        <div class="first_menu"><a href="/jobinfo" class="icon02" target="main_frame">就业信息管理</a></div>
        {#			<ul class="sub_menu">#}
        {#				<li><a href="news_review.html" class="icon031" target="main_frame">新闻审核</a></li>#}
        {#				<li><a href="news_edit.html" class="icon032" target="main_frame">新闻版式编辑</a></li>#}
        {#				<li><a href="news_type.html" class="icon034" target="main_frame">新闻分类管理</a></li>#}
        {#			</ul>#}
        <div class="first_menu"><a href="/user_pass_word" class="icon03" target="main_frame">修改密码</a></div>
    </div>
</div>

<div class="main_body" id="main_body">
    <iframe src="/showindex" frameborder="0" id="main_frame" name="main_frame" frameborder="0"
            scrolling="auto"></iframe>
</div>

<script>
    $(function () {
        $('.first_menu').click(function () {
            $(this).addClass('active').siblings('.first_menu').removeClass('active');
            $(this).next().slideDown().siblings('.sub_menu').slideUp();
        })
        var frame_w = $('#main_body').outerWidth();
        var frame_h = $('#main_body').outerHeight();
        $('#main_frame').css({'width': frame_w, 'height': frame_h});
    })
    $('#logout').click(function () {
        // 请求`退出登录`
        $.ajax({
            url: '/logout',
            type: 'delete',
            success: function (resp) {
                if (resp.code == 0) {
                    // `退出登录`成功
                    location.reload();
                    window.top.location = "/login";
                }
            }
        })
    })
</script>

</body>
</html>